<link href="./assets/admin/css/schedule/css/schedule.css"
	rel="stylesheet" type="text/css" />
<body>
	<div class="portlet" >
		<div class="portlet-title">
			<a href="javascript:void(0);" class="title-operation search-expand">筛选</a>
		</div>
		<div class="portlet-search-body" style="display: none;">
			<form class="form-inline" role="form">
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-lightbulb-o"></i> <select class="form-control"
								ng-model="scheduleQuery.contractId"
								style="width: 200px; color: #b3b3b3;"
								ng-options="opt.contractId as opt.contractTitle for opt in contracts">
								<option value="">-- 合同 --</option>
							</select>
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-bus"></i> <select class="form-control"
								 ng-model="scheduleQuery.resourceParentType"
								 ng-change="customerResourceScheduleModal.parentTypeChange()"
								style="width: 200px; color: #b3b3b3;" >
								<option value="1">车辆</option>
								<option value="2">站点</option>
							</select>
						</div>
					</div>
				</div> 
				<div class="form-group">
					<div class="col-md-4">
						<div class="input-icon">
							<i class="fa fa-lightbulb-o"></i> <select class="form-control"
								 ng-model="scheduleQuery.resourceType"
								style="width: 200px; color: #b3b3b3;"
								ng-options="opt.value as opt.name for opt in resourceTypes">
								<option value="">-- 资源类型 --</option>
							</select>
							
						</div>
					</div>
				</div> 
				<button class="btn btn-primary" ng-click="customerResourceScheduleModal.query(currentMonth)">
					<i class="fa fa-search"></i> 搜索
				</button>
				<button class="btn btn-primary" ng-click="customerResourceScheduleModal.reset()">
					<i class="fa fa-refresh"></i> 重置
				</button>
			</form>
		</div>
		<div class='schedule-meta'>
			<div class='schedule-legend'>
				<ul>
					<li class='status-item status-free' title='点位不可用'>不可用</li>
					<li class='status-item status-workOff' title='点位空闲'>空闲</li>
					<li class='status-item status-locked' title='点位锁定'>锁定</li>
					<li class='status-item status-published' title='点位已上刊'>已上刊</li>
				</ul>
			</div>
		</div>
		<div class='schedule-list-content ui-ctrl ui-panel'>
			<div class='schedule-list-panel'>
				<div class='date-field'>
					<a ng-click="customerResourceScheduleModal.query(currentMonth,-1,1)"
						class="prev-year ui-ctrl ui-button active">{{lastYear}} </a>
					 <a ng-click="customerResourceScheduleModal.query(currentMonth,1,1)"
						class="next-year ui-ctrl ui-button active">{{nextYear}} </a>
					<div class="col-md-4">
						<select class="form-control" ng-model="monthSelect"
							style="margin: -2px -2px 0px 10px; font-size: 12px; width: 100px; height: 27px; color: #565353; border: 0px; background-color: #eee"
							ng-change="customerResourceScheduleModal.monthChange(monthSelect)"
							ng-options="opt for opt in months">
						</select>
					</div>
				</div>
				
				
				
				<div class="ui-table-head">
					<div class="ui-ctrl ui-panel">
						<table width="100%">
							<tbody>
								<tr>
									<th class="ui-table-cell"><div class='ui-table-hcell-text'>资源名称</div></th>
									<th class="ui-table-cell"><div class='ui-table-hcell-text'>规格</div></th>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="ui-table-body ">
					<div class="ui-table-row" ng-repeat="data in dataArray">
						<table width="100%">
							<tbody>
								<tr>
									<td class="ui-table-cell"><div class='ui-table-cell-text'>{{data.resourceName}}</div></td>
									<td class="ui-table-cell"><div class='ui-table-cell-text'>{{data.model}}</div></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class='schedule-graphic-panel'>
				<div class='date-field' style="width: 560px;">
					<a ng-click="customerResourceScheduleModal.query(currentMonth,-1,2)"
						style="text-decoration: none"
						class="prev-month ui-ctrl ui-button active">上一月</a><a
						ng-click="customerResourceScheduleModal.query(currentMonth,1,2)"
						style="text-decoration: none"
						class="next-month ui-ctrl ui-button active">下一月</a><strong>{{currentMonth}}</strong>
				</div>
				<div class='ui-ctrl ui-scheduletable' style="width: 560px;">
					<div>
						<div class="ui-table-head ">
							<table width="100%">
								<tbody>
									<tr>
										<th class="ui-scheduletable-head-item" ng-repeat="day in days"><span
											style="text-align: center">{{day.dayOfWeek}}</span></th>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="ui-table-head " style="height: 27px">
						<table width="100%">
							<tbody>
								<tr>
									<th class="ui-scheduletable-head-item" ng-repeat="day in days"><div>{{day.dayOfMonth}}</div></th>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="ui-table-body">
						<div class="ui-ctrl ui-panel">
							<div ng-repeat="data in dataArray">
								<div class="ui-table-row-no-bottom" ng-if="!$last">
									<table width="100%">
										<tbody>
											<tr>
												<td paiqi="0" ng-repeat="schedule in data.scheduleArray"
													class="ui-scheduletable-item {{schedule.status}}"></td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="ui-table-row" ng-if="$last">
									<table width="100%">
										<tbody>
											<tr>
												<td paiqi="0" ng-repeat="schedule in data.scheduleArray"
													class="ui-scheduletable-item {{schedule.status}}"></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="page_bar" style="position: relative; margin-top: 5px; margin-bottom: 25px;"></div>
	</div>
</body>
